<div>
    <div className="g-user">
        <div className="c-layout clearfix">
            <SliderComponent data={this.props.data.slider}></SliderComponent>
            <div className="m-content">
                <div className="balance clearfix">
                    <div className="balance-l c-fl">
                        <p className="current-balance">当前余额<em className="wallet"></em></p>
                        <p className="current-num clearfix"><em className="money">2000.00</em><span className="currency">CNY</span><a href="javascript:;">立即充值</a></p>
                    </div>
                    <div className="balance-r c-fl">您尚未设置支付密码，请在<a href="javascript:;">支付密码管理</a>设置支付密码</div>
                </div>
                <div className="transactions">
                    <div className="transactions-check">
                        <h5 className="transactions-title">
                            <span>交易记录查询</span>
                        </h5>
                        <div className="transactions-content">
                            <div className="transactions-form-group clearfix">
                                <div className="transactions-form clearfix c-fl">
                                    <div className="c-fl left">
                                        <span>交易类型：</span>
                                    </div>
                                    <div className="c-fl">
                                        <MyInputComponent name="transactionsType" id="transactionsType" title="交易类型" rule="{'require':'true'}" />
                                    </div>
                                </div>
                                <div className="transactions-form clearfix c-fl">
                                    <div className="c-fl left">
                                        <span>交易时间：</span>
                                    </div>
                                    <div className="c-fl">
                                        <MyInputComponent name="transactionsStartTime" id="StartTime" title="交易起始时间" rule="{'require':'true'}" />
                                    </div>
                                    <span className="c-fl center-line">-</span>
                                    <div className="c-fl">
                                        <MyInputComponent name="transactionsEndTime" id="EndTime" title="交易结束时间" rule="{'require':'true'}" />
                                    </div>
                                </div>
                            </div>
                            <div className="transactions-form-group clearfix">
                                <div className="transactions-form clearfix c-fl">
                                    <div className="c-fl left">
                                        <span>关键字：</span>
                                    </div>
                                    <div className="c-fl">
                                        <MyInputComponent name="keyWords" id="keyWords" title="关键字" rule="{'require':'true'}" placeholder="请输入交易单号、订单号、账单号" />
                                    </div>
                                </div>
                            </div>
                            <div className="clearfix search-box">
                                <span className="reset">重置</span>
                                <span className="search">搜索</span>
                            </div>
                        </div>
                    </div>
                    <div className="transactions-result">
                        <h5 className="transactions-title">
                            <span>交易记录查询结果</span>
                        </h5>
                        <div className="transactions-content">
                            <table>
                                <thead>
                                <tr>
                                    <th>序号</th>
                                    <th>交易单号</th>
                                    <th>交易类型</th>
                                    <th>交易金额(CNY)</th>
                                    <th>交易时间</th>
                                    <th>交易详情</th>
                                </tr>
                                </thead>
                                <tbody>
                                <tr>
                                    <td>1</td>
                                    <td>12345678912</td>
                                    <td>付款</td>
                                    <td>-5000.00</td>
                                    <td>2017-07-12 12:22:12</td>
                                    <td>xxxxx-xxxxx-xxxxx</td>
                                </tr>
                                <tr>
                                    <td>2</td>
                                    <td>12345678912</td>
                                    <td>付款</td>
                                    <td>-5000.00</td>
                                    <td>2017-07-12 12:22:12</td>
                                    <td>xxxxx-xxxxx-xxxxx</td>
                                </tr>
                                <tr>
                                    <td>3</td>
                                    <td>12345678912</td>
                                    <td>付款</td>
                                    <td>-5000.00</td>
                                    <td>2017-07-12 12:22:12</td>
                                    <td>xxxxx-xxxxx-xxxxx</td>
                                </tr>
                                <tr>
                                    <td>4</td>
                                    <td>12345678912</td>
                                    <td>付款</td>
                                    <td>-5000.00</td>
                                    <td>2017-07-12 12:22:12</td>
                                    <td>xxxxx-xxxxx-xxxxx</td>
                                </tr>
                                </tbody>
                            </table>
                            {/*
                            <Pagination onChange={this.onPageChange} current={this.state.current} onShowSizeChange={this.onPageChange} total={this.state.total} showQuickJumper showSizeChanger showLessItems />*/}
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>







